import React from "react";
import styles from "./Index.module.css";
import Mynao from "../../components/Mynao/Index";
import PatientSelector from "../../components/PatientSelector/Index";

/**
 * 门诊病历页面组件
 * 功能：展示门诊病历信息，支持选择就诊人
 */
function Index() {

  return (
    <div className={styles.menliz}>



      <div className={styles.nav}>
        <Mynao title="门诊病历" />
      </div>


      <div className={styles.tiao}>
          <PatientSelector />

          
      </div>

      <div className={styles.fang}>
        <div className={styles.fang1}>
          <h3 style={{ marginLeft: "10px", paddingTop: "10px" }}>
            门诊病历号:20250926001
          </h3>

          <div style={{ marginLeft: "10px", marginTop: "10px", color: "gray" }}>
            就诊医院
            <span
              style={{ marginLeft: "20px", color: "black", fontWeight: "bold" }}
            >
              四川省保健院南宛
            </span>
          </div>

          <div style={{ marginLeft: "10px", marginTop: "10px", color: "gray" }}>
            就诊科室
            <span
              style={{ marginLeft: "20px", color: "black", fontWeight: "bold" }}
            >
              门外诊一科
            </span>
          </div>

          <div style={{ marginLeft: "10px", marginTop: "10px", color: "gray" }}>
            接诊医生
            <span
              style={{ marginLeft: "20px", color: "black", fontWeight: "bold" }}
            >
              刘医生(主任医师)
            </span>
          </div>
        </div>

        <div className={styles.fang1}>
          <h3 style={{ marginLeft: "10px", paddingTop: "10px" }}>
            门诊病历号:20250926001
          </h3>

          <div style={{ marginLeft: "10px", marginTop: "10px", color: "gray" }}>
            就诊医院
            <span
              style={{ marginLeft: "20px", color: "black", fontWeight: "bold" }}
            >
              四川省保健院南宛
            </span>
          </div>

          <div style={{ marginLeft: "10px", marginTop: "10px", color: "gray" }}>
            就诊科室
            <span
              style={{ marginLeft: "20px", color: "black", fontWeight: "bold" }}
            >
              门外诊一科
            </span>
          </div>

          <div style={{ marginLeft: "10px", marginTop: "10px", color: "gray" }}>
            接诊医生
            <span
              style={{ marginLeft: "20px", color: "black", fontWeight: "bold" }}
            >
              刘医生(主任医师)
            </span>
          </div>
        </div>
      </div>
    </div>
  );
}

export default Index;
